<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小明学前端</title>
</head>
<!-- 注释使用enter +/ -->
<style>
    h1 {
        color: #333;
    }

    p {
        font-size: 14px;
        line-height: 30px;
        /*上下行间距*/
    }
</style>

<body>

    <!-- <img src="C:\Users\XHM\Desktop\HTML\demo.png" alt="" width="100px" height="50px">
    <strong>这是文字进行测试中</strong>
    <h1>css简介</h1>
  文本 加粗 strong ,倾斜 em ins 下划线 del 删除线 -->
    <!-- <strong>加粗</strong>
    <b>加粗</b>
    <ins>下划线</ins>
    <s>删除线</s> -->
    <!-- 空链接使用# -->
    <!-- comtrols 显示控制面板 loop 显示循环播放 -->
    <!-- <audio src="" controls loop></audio>
    <video src="https://www.bilibili.com/video/BV1RUUoYjEF2?t=1.1" controls>开场动画</video>
    <input type="text" name="" id="">
    <a href="https://abbkirito.fun" target="=_blank">博客</a> -->
    文本框：<input type="text" placeholder="账号" id="2">
    <br><br>
    密码：<input type="password" placeholder="密码">
    单选框<input type="radio" name="1" id="" placeholder="选择">
    <input type="radio" name="1"> <input type="radio" name="1" checked>
    <br><br>
    多选项框<input type="checkbox">
    选择文件： <input type="file">

    <input type="radio" name="1">
    <br><br>
    多文件上传 <input type="file" multiple>
    <br><br>
    社会主义<input type="checkbox" checked>
    资本主义<input type="checkbox">
    <select name="" id="">
        <option value="">肇庆</option>
        <option value="">广州</option>
        <option value="">北京</option>
    </select>

    <br><br>
    <textarea name="" id="" cols="30" rows="10"></textarea>
    <br><br>
    <input type="radio" id="man">
    <label for="man">男</label>
    <label><input type="radio">女</label>
    <br><br>
    <button type="submit">按钮</button>
    <br><br>
    <button type="reset">重置</button>
    <br><br>
    <form action="">
        <input type="text">
        <button type=" reset">啥也没有</button>
    </form>
    <button type=" button">啥也没有</button>
    <BR></BR>
    <div>一行</div>
    <span>第一个</span>
    <span>第二个</span>
</body>


</html>